<!DOCTYPE html>
<html lang="zh-CN">
<head>
	<meta charset="utf-8">
	<title>表</title>
	<link rel="stylesheet" href="../css/topbar.css">
	<link rel="stylesheet" href="../css/list.css">
	<link rel="stylesheet" href="../layui/css/layui.css">
</head>
<body>
	<div class="main">
		<div class="top">
			<label>校园BBS系统</label>
		</div>
		<div class="bar"><p>您尚未
			<a href="login.html" target="_blank">登录</a>&nbsp;|
	  		<a href="register.html" target="_blank">注册</a>
	  		</p>
		</div>
		<div class="post">
				<a href="post.html"><button type="button" class="layui-btn layui-btn-primary layui-btn-radius">发表文章</button></a>
		</div>
		<div class="crumbs">
        	<span class="layui-breadcrumb">
  				<a href="index.html"><i class="layui-icon layui-icon-home"></i>&nbsp;论坛主页</a>
  				<a href=""><i class="layui-icon layui-icon-read"></i>&nbsp;灌水乐园</a>
  				<a><cite>待定</cite></a>
			</span>	
		</div>
		<div class="table-style">
			<table id="table-set" class="layui-table">
				<thead>
					<th></th>
					<th class="article">文章</th>
					<th class="author">作者</th>
					<th class="time">发布时间</th>
					<th class="reply">回复</th>
				</thead>
			<tbody>
				<tr>
					<td></td>
					<td class="article">Albert Ellis</td>
					<td class="author">New York</td>
					<td>2020-12-12</td>
					<td class="reply">1</td>
				</tr>
				<tr>
					<td></td>
					<td class="article">Marcus Aurelius</td>
					<td class="author">Rome</td>
					<td>2020-12-12</td>
					<td class="reply">2</td>
				</tr>
				<tr>
					<td></td>
					<td class="article">Albert Ellis</td>
					<td class="author">New York</td>
					<td>2020-12-12</td>					
					<td class="reply">1</td>
				</tr>
				<tr>
					<td></td>
					<td class="article">Marcus Aurelius</td>
					<td class="author">Rome</td>
					<td>2020-12-12</td>
					<td class="reply">2</td>
				</tr>
			</tbody>
		</table>
		</div>
		<div id="demo2" class="page"></div>
</div>
<script type="text/javascript" src="../layui/layui.js"></script>
<script type="text/javascript">
layui.use('element', function(){
  var element = layui.element; //导航的hover效果、二级菜单等功能，需要依赖element模块
  
  //监听导航点击
  element.on('nav(demo)', function(elem){
    //console.log(elem)
    layer.msg(elem.text());
  });
});
 layui.use(['laypage', 'layer'], function(){
  var laypage = layui.laypage
  ,layer = layui.layer;

 laypage.render({
    elem: 'demo2'
    ,count: 200
    ,theme: '#22d18e'
  });
 });
</script>
</body>
</html>